.m-item-plan-list {
    padding: 10px;
}

.m-plan {
    .db;
    margin-bottom: 10px;
    background: #fafbfc;
    border: 1px solid #eee;
    border-radius: 5px;
    font-size: 13px;

    .pr;

    .u-title,
    .u-type,
    .u-name {
        .dbi;
        vertical-align: middle;
    }
    

    .u-type {
        padding: 2px 4px;
        color: white;
        border-radius: 2px;
        .fz(12px);
    }


    .u-description {
        .db;
        .mt(5px);
        color: #3d454d;
        font-size: 12px;
        opacity: 0.6;
    }

    .u-meta {
      .pa;.rt(15px,10px);
        .x(right);
        img {
            .dbi;
            .y;
        }
    }

    .u-avatar {
        .size(20px);
        border-radius: 50%;
    }

    .u-nickname {
        .ml(5px);
        .mr(5px);

        &:not([href]) {
            color: #3d454d;
        }
    }

    
}

.m-plan-item{
    .db;
    margin-bottom: 10px;
    padding: 10px 15px 10px 55px;
    background: #fafbfc;
    border: 1px solid #eee;
    border-radius: 5px;
    font-size: 13px;

    .pr;

    .u-icon{
        .pa;.lt(10px);
    }

    .u-description {
        .db;
        .mt(5px);
        color: #3d454d;
        font-size: 12px;
        opacity: 0.6;
    }
    
    .u-meta {
        .pa;.rt(15px,10px);
          .x(right);
          img {
              .dbi;
              .y;
          }
      }

    .u-updated {
        color: #999;
    }
}
